iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 9
0
自我挑戰組

Html/Css3/Javascript從0開始自學系列 第 9

JavaScript迴圈基本功+陣列基本介紹-第九天

  • 分享至 

  • xImage
  •  

這次主要參考的書(或文章影片)是:「JavaScript資料結構及演算法實作 Loiane Groner著」/「零基礎學JAVA Web開發 何宗霖 等編著」

1.迴圈介紹
for迴圈:

for (var i=0; i<10; i++){
//變數i=0;判斷i是否滿足<10的條件;若有執行括號內的程式,然後i=i+1
    console.log(i);     //將i印出來
}

上述這個程式等於會把0~9印出來
(因為當i=9時,先印出9然後執行i++,i變成10再次判斷i是否小於10,發現沒有所以終止迴圈)

再看下一個例子,這次把1~10加起來

var x = 0; //定義變數x
for(var i=0; i<=10; i++){
    x=x+i;
}
console.log(x); //印出x

先定義一個x,方便等等用來儲存總和
接者for後面跟前一個例子類似,只把小於改成等於,畢竟我們要加到10,因此不能再10的時候中斷迴圈
(當然也可以用i小於11)
最後記得把console.log寫在迴圈之外
若是寫在迴圈之內,他會印出1,3,6,10......55
注意到了嗎?在迴圈內的話,就每次加一個數後就會印出結果一次

while迴圈:

var i = 0;
while(i<10){  //當(while)i<10,執行下列程式
    console.log(i); //印出i
    i++;  //執行i=i+1
}

用while迴圈表示第一個例子
接下來看第二個加到10的做法

var x = 0;
var i = 0;
while(i<11){
    x=x+i;
    i++;
}
console.log(x);

這樣就能用while迴圈將x(總和)印出來
while及for迴圈並沒有好壞之分
主要在於要使用哪個比較適合(方便),需因應情況改變
不過目前所學不多,能用的例子也還很簡單
因此也看不出來那個更方便一點。

2.陣列
陣列其實也是一種儲存資料的方式
不過相對於不斷設定變數
能一次設定多個的陣列就顯得方便許多
例如:

var student1=69;
var student2=63;
var student3=77;
var student4=91;
var student5=72;

像這樣要儲存學生的成績,若是一個一個學生這樣慢慢定義變數就顯得有點麻煩
若是改成陣列,則如下:

var studentgrade = new array[69,63,77,91,72];

看起來是不是簡單多了?
是的話,明天就來學他的應用吧!


上一篇
JavaScript基本介紹-第八天
下一篇
陣列基礎應用與將javascript套入網頁-第十天
系列文
Html/Css3/Javascript從0開始自學17
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言